<!-- views/auth/Login.vue -->
<template>
  <div class="login-container">
    <h2 class="login-title">欢迎来到计信学院学生去向登记系统</h2>
    <p class="login-subtitle">请选择登录方式</p>

    <div class="login-options">
      <button class="option-button counselor" @click="goTo('counselor')">
        <span>辅导员登录</span>
      </button>

      <button class="option-button student" @click="goTo('student')">
        <span>学生登录</span>
      </button>
    </div>

    <div class="system-info">
      <p>系统版本：1.0.0</p>
      <p>技术支持：计算机与信息学院</p>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    /**
     * 跳转到指定角色的登录页面
     *
     * @param role - 角色：'counselor' 或 'student'
     */
    goTo(role) {
      this.$router.push(`/login/${role}`);
    }
  }
};
</script>
